<template>
	<view  class="record-item" @click="itemClick">
		<view class="record-content">
			<view class="time">
				{{formatTime()}}
			</view>
			<view class="content">
				{{formatContent()}}
			</view>
		</view>

	</view>
</template>

<script>
	import { formatDateByTimestamp } from '@/utils/utils.js'
	export default {
		name: "ScheduleBaby",
		props: {
			record: {
				type: Object,
				default () {
					return null;
				}
			}
		},
		data() {
			return {
			};
		},
		methods:{
			formatTime() {
				return `${this.record.begin}-${this.record.end}`
			},
			
			formatContent() {
				return `${this.record.activityContent}`
			},
			
			itemClick() {
				this.$emit('itemClick')
			}
		}
	}
</script>

<style lang="scss">
</style>
